﻿@charset "utf-8";

/* basic style */
html, body, h1, h2, h3, h4,ul,li,dl, input{ font-family: "Noto Sans CJK SC", "Source Han Sans CN" !important; font-size:14px; margin:0px; padding:0px;}
html,body { width: 100%; height: auto;}
body{ background-color:#e7efef;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form{ padding:0; margin:0;}
ul,li{ list-style:none; border:none;}
img{ border:0px; vertical-align:middle;}
a{ color:#585858; text-decoration:none;}
.clear{ clear:both;}
a:focus{ text-decoration:none; outline:none;}
/*浮动*/
.fl{ float:left;}
.fr{ float:right;}
.bold{ font-weight:bold;}
.clearfix { zoom: 1; clear:both;}
input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus { outline:none;}
input[type=checkbox]:focus,input[type=checkbox]:active{ background-color:#fff;}
.table{ margin-bottom: 0px; }

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    background-color: #071f3a;
}
/*定义滚动条的轨道，内阴影及圆角*/
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color: #071f3a;
}
/*定义滑块，内阴影及圆角*/
::-webkit-scrollbar-thumb{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #2c333b;
}

/*login styles*/
.login-box{
    font-size: 14px !important;
    position: absolute;
    left: 50%;
    width: 28em;
    margin-left: -14em;
    border-radius: 10px;
    z-index: 9999;
}
.login-logo{
    float: left;
    width: 8em;
    height: 8em;
    margin: 2em 10em;
    background: url(../img/login-logo.png) no-repeat;
    background-size: 8em 8em;
}
.login-box-title{
    height: 5em;
    line-height: 5em;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    /*渐变*/
    background-color: #0b3349;
    background: -moz-linear-gradient(top, #0e264a, #0d3a4b);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0e264a), to(#0d3a4b));
    filter:alpha(opacity=100,finishopacity=50,style=1,startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0e264a,endcolorstr=#0d3a4b,gradientType=1);
    -ms-filter:alpha(opacity=100,finishopacity=50,style=1,startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0e264a,endcolorstr=#0d3a4b,gradientType=1);
}
.login-box-title span{

    font-size: 1.5em;
    /*font-size: 1.2em;!*测试使用，等下去掉*!*/

}
.login-box-con{
    padding: 2em 3em;
    background-color: #fff;
    border-radius: 0px 0px 10px 10px;
}
.login-box-con .input-group{
    margin-bottom: 1em;
}
.login-box-con a{
    width: 100%;
    font-size: 100%;
}
.login-main-con .input-group,.login-main-con .input-group input{
    height: 2.5em;
}
.login-code-img{
    float: left;
    width: 7em;
    height: 2.5em;
    margin: 0px 1em;
}
.login-code-img a{
    display: block;
    width: 7em;
    height: 2.5em;
}
.login-code-img a img{
    width: 100%;
    height: 100%;
}
.login-code-text{
    float: right;
    width: 4em;
    line-height: 2.5em;
}
.login-user-tool{
    width: 15em;
    margin: 0px auto;
    margin-bottom: 10px;
}
.login-user-tool .checkbox{
    float: left;
    width: 7em;
}
.login-user-tool a{
    float: right;
    width: 7em;
    height: 20px;
    line-height: 20px;
    margin: 10px 0px;
    text-decoration: underline;
}
.btn-login-menu{
    background-color: #0f294f;
    box-shadow: 0 0 8px rgba(91, 175, 232, 0.18) inset;
}
.copy-right{
    position: absolute;
    bottom: 20px;
    width: 100%;
    font-size: 16px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    z-index: 9999;
}

/*login 底部特效*/
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: 0px;
    background-image: url(../img/bg-login.png);
    background-repeat: no-repeat;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

/*login字体大小*/
@media (min-width: 1311px) and (max-width: 1360px){
    .login-box{
        font-size: 14.5px !important;
    }
}
@media (min-width: 1361px) and (max-width: 1400px){
    .login-box{
        font-size: 15px !important;
    }
}
@media (min-width: 1401px) and (max-width: 1440px){
    .login-box{
        font-size: 15.5px !important;
    }
}
@media (min-width: 1441px) and (max-width: 1490px){
    .login-box,.login-main-con .input-group input{
        font-size: 16px !important;
    }
}
@media (min-width: 1491px) and (max-width: 1530px){
    .login-box,.login-main-con .input-group input{
        font-size: 16.5px !important;
    }
}
@media (min-width: 1531px) and (max-width: 1575px){
    .login-box,.login-main-con .input-group input{
        font-size: 17px !important;
    }
}
@media (min-width: 1576px) and (max-width: 1620px){
    .login-box,.login-main-con .input-group input{
        font-size: 17.5px !important;
    }
}
@media (min-width: 1621px) and (max-width: 1670px){
    .login-box,.login-main-con .input-group input{
        font-size: 18px !important;
    }
}
@media (min-width: 1671px) and (max-width: 1710px){
    .login-box,.login-main-con .input-group input{
        font-size: 18.5px !important;
    }
}
@media (min-width: 1711px) and (max-width: 1755px){
    .login-box,.login-main-con .input-group input{
        font-size: 19px !important;
    }
}
@media (min-width: 1756px) and (max-width: 1800px){
    .login-box,.login-main-con .input-group input{
        font-size: 19.5px !important;
    }
}
@media (min-width: 1801px) and (max-width: 1850px){
    .login-box,.login-main-con .input-group input{
        font-size: 20px !important;
    }
}
@media (min-width: 1851px) and (max-width: 1890px){
    .login-box,.login-main-con .input-group input{
        font-size: 20.5px !important;
    }
}
@media (min-width: 1891px) and (max-width: 1920px){
    .login-box,.login-main-con .input-group input{
        font-size: 21px !important;
    }
}
@media (min-width: 1920px){
    .login-box,.login-main-con .input-group input{
        font-size: 21px !important;
    }
}